
  <!--  Main JQuery  -->  
  <script type="text/javascript" src="modules/IShopUser/pnajax/sort_captcha/jquery-1.3.2.js"></script>
  
  <!-- ValidateForm JQuery -->    
	<link rel="stylesheet" href="modules/IShopUser/pnajax/validateform/css/general.css" type="text/css" media="screen" />   
	<script type="text/javascript" src="modules/IShopUser/pnajax/validateform/validation.js"></script>
	
<style>
img{border:none;}
/*  */

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/*  */
</style>
	
	
<script>
    var xOffset = 10;
		var yOffset = 30;
   /* END CONFIG */
  $(function() {   
    $("img.screenshot").hover(function(e){
      //alert("Call this");
      this.t = this.title;
      this.title = "";	
      var c = (this.t != "") ? "<br/>" + this.t : "";
      //alert($(this).attr("title"));
      $("body").append("<p id='screenshot'><img src='"+ $(this).attr("alt") +"' alt='url preview' /><br/>"+ $(this).attr("rel") +"</p>");								 
      $("#screenshot")
        .css("top",(e.pageY - xOffset) + "px")
        .css("left",(e.pageX + yOffset) + "px")
        .fadeIn("fast");						
      },
    function(){
      this.title = this.t;	
      $("#screenshot").remove();
      });	
    $("img.screenshot").mousemove(function(e){
      $("#screenshot")
        .css("top",(e.pageY - xOffset) + "px")
        .css("left",(e.pageX + yOffset) + "px");
    });
  });    	  
</script>
	
<span id="customForm">  
  <!--[innova_get_themes]-->
  <!--[foreach from=$themes item=item]-->
    <div id="theme"> 
      <label for="theme_name"><!--[$item.themes_name]--></label>
      <form id="customForm" 
            class="registration" 
            action="<!--[pnmodurl modname="IShopUser" 
                                  type="user" 
                                  func="settheme"                                                                 
                    ]-->" 
            method="post"
      >        
        <!--[if $item.themes_preview]-->
          <input type="hidden" value="<!--[$item.themes_name]-->" name="form[shop_theme]"></input>
          <img src="themes/<!--[$item.themes_name]-->/images/preview_small.png" 
                width="140" 
                height="105" 
                class="screenshot" 
                alt="themes/<!--[$item.themes_name]-->/images/preview_large.png"  
                rel=<!--[$item.themes_name]-->
          > 
        <!--[else]-->   
          <img src="modules/IShopUser/pnimages/no_preview.jpg" width="140" height="105">    
        <!--[/if]--><br>      
        <input id="send" type="submit" value="Use this theme">  </input>          
      </div>        
    </form>           
  <!--[/foreach]-->    
</span>